// 一、先做前端的表单验证
//功能：所有前端的验证；
function isTest() {
    return isUserName() && isPass() && show(); /* && denglu() */
}

//1、用户名的前端验证
function isUserName() {
    //1)、非空判断
    if ($("#inp4").val() == "") {
        return false;
    }
    //2)、格式判断
    // 用户名有数字，字母下划线组成，但不能以数字开头，2-10位
    let reg = /^[a-zA-Z_]\w{1,9}$/;
    if (!reg.test($("#inp4").val())) {
        return false;
    }
    return true;
}


//2、密码的前端验证
function isPass() {
    //1)、非空判断
    if ($("#inp5").val() == "") {
        return false;
    }
    //2)、格式判断
    // 数字，6-16位
    let reg = /^\d{6,16}$/;
    if (!reg.test($("#inp5").val())) {
        return false;
    }
    return true;
}

// 3.复选框是否被选中

function show() {
    if (!document.getElementById("inp3").checked) {

        alert("请阅读并勾选按钮!");
        return false;
    }
}

// function denglu() {
//     if (!document.getElementById("dl").checked) {
//         alert("请勾选记住我按钮!");
//         return false;
//     }
// }


//二、后端验证
let hasUser = false;//该用户名不存在
function hasUserBack() {
    //后端验证用户名是否存在
    $.get("goodsAndShoppingCart/checkUser.php", { "username": $("#inp4").val() }, function (data) {
        if (data == 1) {
            $("#showUser").html("亲，该用户名已经存在，请重新思考！");
            $("#showUser").css({ "color": "red" });
            hasUser = true;
        } else {
            $("#showUser").html("亲，该用户名可以使用，赶紧注册吧！");
            $("#showUser").css({ "color": "green" });
            hasUser = false;
        }
    })
}

$(function () {
    $("#inp4").blur(function () {
        //1、前端验证
        if (isUserName() == false) {
            $("#showUser").html("亲，用户名的格式不正确！");
            $("#showUser").css({ "color": "red" });
            return;
        }
        //2、后端的验证
        hasUserBack();
    });

    $("#inp5").blur(function () {
        //1、前端验证
        if (isPass() == false) {
            $("#showPass").html("亲，密码格式不正确!");
            $("#showPass").css({ "color": "red" });
            return;
        } else {
            $("#showPass").html("密码格式正确");
            $("#showPass").css({ "color": "green" });
        }
    });

    $(".bt").click(function () {
        //1、前端验证
        if (isTest() == false) {
            $("#messageBox").html("亲，您的信息输入不全");
            $("#messageBox").css({ "color": "red" });
            return;
        }
        //2、用户名是否存在(后端验证)
        if (hasUser) {
            return;
        }

        $.post(
            "goodsAndShoppingCart/addUser.php",
            {
                "username": $("#inp4").val(),
                "userpass": $("#inp5").val()
            },
            function (data) {
                if (data == 1) {
                    $("#messageBox").css({ "color": "green" });
                    // $("#messageBox").html("恭喜您，注册成功！2秒后跳转到<a href='login.html'>登录</a>页面");
                    $("#messageBox").html("恭喜您，注册成功！2秒后跳转到登录页面");

                    setTimeout(() => {
                        // location.href = "login.html"; //跳转到登录页面
                        $("#register_l").css("background", "pink");
                        if (inp) {

                        }
                    }, 2000);
                } else if (data == 0) {
                    $("#messageBox").css({ "color": "red" });
                    $("#messageBox").html("不好意思，注册失败!");
                } else {
                    $("#messageBox").css({ "color": "red" });
                    $("#messageBox").html("不好意思，服务器出问题了!");
                }
            }
        );
    });
});



// -------------------------------------------------------------------
// 登录

let oBtnLogin = document.getElementById("btnLogin");
let oUserPass = document.getElementById("inp2");
let oUserName = document.getElementById("inp1");

oBtnLogin.onclick = function () {
    let xhr = new XMLHttpRequest();
    xhr.open("post", "goodsAndShoppingCart/login.php", true);

    xhr.onreadystatechange = function () {
        if (xhr.readyState == 4 && xhr.status == 200) {
            if (xhr.responseText == 1) {
                document.getElementById("msg").innerHTML = "登录成功";
                $("#msg").css({ "color": "green" });
                location.href = "indox.html"; //跳转到首页
            } else {
                document.getElementById("msg").innerHTML = "登录失败,用户名或者密码错误";
                $("#msg").css({ "color": "red" });
            }
        }
    }

    xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

    let str = "username=" + oUserName.value + "&userpass=" + oUserPass.value;
    xhr.send(str);

}
